<template>
	<view class="user-item">
		<view class="_avatar">
			<u-avatar :size="50" :src="info.easyUser.avatar"></u-avatar>
		</view>
		<view class="f-s-12 f-w-ber m-t-6">{{info.easyUser.nickName }}</view>
	</view>
</template>

<script setup>
	import {
		defineProps
	} from 'vue';
	const props = defineProps({
		info: {
			type: Object,
			default: () => ({})
		}

	})
</script>

<style lang="less" scoped>
	.user-item {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin-right: 16px;

		._avatar {
			border: 2px solid #fff;
			border-radius: 50%;
		}
	}
</style>